<!DOCTYPE html SYSTEM "http://www.thymeleaf.org/dtd/xhtml1-strict-thymeleaf-spring4-4.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:th="http://www.thymeleaf.org">
<head>
    <title>首页</title>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
</head>
<body>
<div class="container"  id="content">
    <section class="content-header">
        <h1>
            <i class="fa fa-users"></i>
            <strong>产品管理</strong>
        </h1>
        <ol class="breadcrumb">
            <li><a href="#"><i class="fa fa-home "></i>Home</a></li>
            <li>产品管理</li>
            <li class="active">主机信息管理</li>
        </ol>
    </section>
    <!-- Main content -->
    <section class="content">
        <div class="box box-info">
            <div class="box-body">
                <div class="form-inline">
                    <div class="input-group">
                        <input type="text" id="keyword" class="form-control" placeholder="search..."  />
                        <span class="input-group-btn">
	                        <button th:if="${module.canRead==true}"  type="button" class="btn btn-info searchBtn">查询</button>
	                        <button th:if="${module.canRead==true}"  type="button" name="reset" id="reset-btn" class="btn btn-info resetBtn">撤消</button>
	                        <button th:if="${module.canRead==true}" type="button" class="btn btn-info btnExport">导出</button>
                    	</span>     
                    </div>
                    <button th:if="${module.canAdd==true}" type="button" class="btn btn-warning pull-right  btnImport">导入主机</button>
                    <button th:if="${module.canAdd==true}" type="button" class="btn  btn-info pull-right upLoadBtn">上传附件</button>
	                <button th:if="${module.canRead==true}" type="button" class="btn pull-right btn-info downLoadBtn">下载附件</button>
                    <button th:if="${module.canDelete==true}" type="button" class="btn pull-right btn-info delBtn">删除</button>
                    <button th:if="${module.canModify==true}" type="button" class="btn  btn-info pull-right editBtn">编辑</button>
                    <button th:if="${module.canAdd==true}" type="button" class="btn btn-info pull-right addBtn">添加</button>
                </div>
            </div>
            <div class="box box-body">
                    <table class="mytable display text-center" id="dataTable"  width="100%">
                    <thead>
                    <tr>
                        <th width="5%">序号</th>
                        <th width="3%"><input type="checkbox" id="checkAllDevice"/></th>
                        <th width="20%">设备名称</th>
                        <th width="6%">设备型号</th>
                        <th width="6%">主要材质</th>
                        <th width="5%">流量</th>
                        <th width="5%">压力</th>
                        <th width="5%">电机</th>
                        <th width="30%">备注</th>
                        <th width="5%">附件数</th>
                    </tr>
                    </thead>
                    <tbody>
                    </tbody>
                </table>
            </div>
        </div>
    </section>
    <!--单体设备录入弹窗-->
    <div class="modal" id="deviceModal">
        <div class="modal-dialog" role="dialog">
            <form id="deviceEditForm">
                <div class="modal-content">
                    <div class="modal-header">
                        <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                        <h4 class="modal-title"><strong>主机录入</strong></h4>
                    </div>

                    <div class="modal-body">
                        <input type="hidden" name="id" id="id" />
                        <input type="hidden" name="createTime" id="createTime" />
                        <input type="hidden" name="attachNumber" id="attachNumber" />
                        <div class="form-horizontal">
                            <div class="form-group">
                                <label class="col-sm-2 control-label">设备名称</label>
                                <div class="col-sm-4">
                                    <div class="col-md-11">
                                        <input class="form-control"  type="text" name="deviceModel"  id="deviceModel"  datatype="*,*1-100"  nullmsg="请输入设备型式" />
                                    </div>
                                    <div class="col-md-1">
                                        <span style="color:#F00;fontsize:30px">*</span>
                                    </div>
                                </div>
                                <label class="col-sm-2 control-label">设备型号</label>
                                <div class="col-sm-4">
                                    <div class="col-md-11">
                                        <input class="form-control"  type="text" name="deviceType"  id="deviceType"  datatype="*,*1-100"  nullmsg="请输入设备型号"/>
                                    </div>
                                    <div class="col-md-1">
                                        <span style="color:#F00;fontsize:30px">*</span>
                                    </div>
                                </div>
                            </div>
                            <div class="form-group">
                                <label class="col-sm-2 control-label">主要材质</label>
                                <div class="col-sm-4">
                                    <div class="col-md-11">
                                        <input class="form-control" type="text" name="mainMaterial" id="mainMaterial" />
                                    </div>
                                    
                                </div>
                                <label class="col-sm-2 control-label">流量</label>
                                <div class="col-sm-4">
                                    <div class="col-md-11">
                                        <input class="form-control" type="text" name="flow" id="flow" datatype="n" />
                                    </div>
                                </div>
                            </div>
                            <div class="form-group">
                                <label class="col-sm-2 control-label">压力</label>
                                <div class="col-sm-4">
                                    <div class="col-md-11">
                                        <input class="form-control" type="text" name="pressure" id="pressure" datatype="n" />
                                    </div>
                                    
                                </div>
                                <label class="col-sm-2 control-label">电机</label>
                                <div class="col-sm-4">
                                    <div class="col-md-11">
                                        <input class="form-control" type="text" name="machine" id="machine"  />
                                    </div>
                                </div>
                            </div>
                            <div class="form-group">
                                <label class="col-sm-2 control-label">备注</label>
                                <div class="col-sm-10">
                                    <div class="col-md-11">
                                        <textarea class="form-control" type="text" name="memo" id="memo"  ></textarea>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="modal-footer">
                        <button type="button" class="btn btn-primary saveBtn" >保存</button>
                        <button type="button" class="btn btn-default" data-dismiss="modal">返回</button>

                    </div>
                </div>
            </form>
        </div>
    </div>
    <script th:src="@{/device/deviceIndex.js}"></script>
</div>

</body>
</html>